<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8"></meta>
	<meta charset="utf-8"></meta>
	<title><h:outputText value="Iniciar session MAPSA"></h:outputText></title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
	<meta name="description" content=""></meta>
	<meta name="author" content=""></meta>

	<!-- Le styles -->
	<h:outputStylesheet name="bootstrap.css" library="css" />
	<style type="text/css">
body {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #f5f5f5;
}

.form-signin {
	max-width: 360px;
	padding: 19px 29px 29px;
	margin: 0 auto 20px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.form-signin .form-signin-heading,.form-signin .checkbox {
	margin-bottom: 10px;
}

.form-signin input[type="text"],.form-signin input[type="password"] {
	font-size: 16px;
	height: auto;
	margin-bottom: 15px;
	padding: 7px 9px;
}
</style>
	<h:outputStylesheet name="bootstrap-responsive.css" library="css" />

	<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
      <script src="../assets/js/html5shiv.js"></script>
    <![endif]-->

	<!-- Fav and touch icons -->
	<link rel="apple-touch-icon-precomposed" sizes="144x144"
		href="http://twitter.github.io/bootstrap/assets/ico/apple-touch-icon-144-precomposed.png"></link>
	<link rel="apple-touch-icon-precomposed" sizes="114x114"
		href="http://twitter.github.io/bootstrap/assets/ico/apple-touch-icon-114-precomposed.png"></link>
	<link rel="apple-touch-icon-precomposed" sizes="72x72"
		href="http://twitter.github.io/bootstrap/assets/ico/apple-touch-icon-72-precomposed.png"></link>
	<link rel="apple-touch-icon-precomposed"
		href="http://twitter.github.io/bootstrap/assets/ico/apple-touch-icon-57-precomposed.png"></link>
	<link rel="shortcut icon" href="http://twitter.github.io/bootstrap/assets/ico/favicon.png"></link>
</h:head>

<body>

	<div class="container">

		<h:form class="form-signin">
			<p:messages id="msgs" autoUpdate="true" closable="true" showDetail="true" globalOnly="true"></p:messages>
			<h2 class="form-signin-heading">Ingrese al sistema</h2>

			<h:outputLabel for="email" value="Email: " />
			<h:inputText class="input-block-level form-control" placeholder="Email" id="email" value="#{userMB.email}"
				required="true" label="Email" size="35">
			</h:inputText>
			<h:message for="email" showDetail="true" />

			<h:outputLabel value="Contraseña : " for="password" />
			<h:inputSecret id="password" class="input-block-level form-control" placeholder="Contraseña"
				value="#{userMB.password}" required="true" label="Contraseña" size="35">
			</h:inputSecret>
			<h:message for="password" showDetail="true" />
			<span></span>
			<h:commandButton class="btn btn-large btn-primary" value="Ingresar" action="#{userMB.login}"
				update=":loginForm:panel" />
		</h:form>

	</div>
	<!-- /container -->

	<!-- Le javascript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<h:outputScript name="js/jquery.js"></h:outputScript>
	<h:outputScript name="js/bootstrap.min.js"></h:outputScript>
</body>
</html>
